<template>
    <div class="about-container">
      <el-card class="card">
        <h2>关于我们</h2>
        <p>技术栈：Vue3 + Vite + Element Plus + Pinia + Vue Router</p>
        <p>功能特点：</p>
        <ul>
          <li>按需引入 Element Plus 组件</li>
          <li>TypeScript 类型安全</li>
          <li>响应式布局与路由管理</li>
        </ul>
        <el-button type="info" @click="goBack">
          <el-icon><arrow-left /></el-icon> 返回首页
        </el-button>
      </el-card>
    </div>
  </template>
  
  <script setup lang="ts">
  import { useRouter } from 'vue-router'
  import { ArrowLeft } from '@element-plus/icons-vue'
  
  const router = useRouter()
  const goBack = () => router.go(-1)
  </script>
  
  <style scoped lang="css">
  .about-container {
    padding: 20px;
    min-height: 80vh;
  }
  
  .card {
    padding: 30px;}
    </style>